<html>
<head>
    <meta name="renderer" content="webkit">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>订单详情</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="viewport" content="width=1190">
    <script type="text/javascript" src="./static/js/jquery.mini.js?v10.03"></script>
    <script type="text/javascript" src="./static/js/main.js?v10.03"></script>
    <link type="text/css" href="./static/css/style1.css?v10.03" rel="stylesheet">
    <link type="text/css" href="./static/css/order-detail.css?v10.03" rel="stylesheet">
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <style>
        .del_update_name img, .add_update_name img{vertical-align: middle}
        .work-log-text{word-wrap: break-word; word-break: normal;}
        #change-remark table tr{line-height: 32px;}
    </style>
    <style></style>
</head>
<body>

<!-- 头部 -->
<link rel="stylesheet" type="text/css" href="./static/css/iconfont.css?v10.03">
<link rel="stylesheet" type="text/css" href="./static/css/global.css?v10.03">
<div class="hq_header_wrap rel bg-fff">
    <div class="w hq_header_top m0auto dif jcb">
        <a class="J_token hq_header_logo dif aic" href="" title="好巧网" onclick="_hmt.push(['_trackEvent', '头部logo', 'click', ''])">
            <img src="https://img.haoqiao.com/website/images/logo/logo_zh-CN.svg?v10.03">
        </a>
    </div>
    <div class="hq_header_bottom bg-49f">
        <div class="clearfix w">
            <div class="clearfix w">
                <ul class="hq_header_bottom_left fl clearfix">
                    <li class="fl">
                        <a rel="nofollow" class="nav-link current J_token" href="/">酒店预订</a>
                    </li>
                    <li class="fl member-center-btn">
                        <a rel="nofollow" class="J_token nav-link " href="/about.html">关于我们</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>


<!-- 头部 End -->

<div class="main clearfix">

    <div class="main-clause-top-status-bd clearfix">
        <div class="main-clause-top-status clearfix">
             <span class="order-detail-icon">
                <em class="orderdetail ordericon"></em>
             </span>
            <span>订单号<br><i class="top-margin">{{orderInfo.dist_order_sn}}</i></span>
            <span class="order-detail-line"></span>
            <span>订单状态<br>
                                <i class="top-margin" style="color: #fff;">{{orderInfo.status_desc}}</i>

            </span>

            <div class="main-clause-top-bd">
                <div class="main-clause-top clearfix">
                    <!----已确认start-->
                    <span class="main-clause-top-tips"> </span>

                </div>
            </div>
        </div>
    </div><!-- order status -->

    <div class="main-failed-order-recommend hide" style="width: 100%;margin-bottom: 16px;box-shadow: 0px 0 3px rgba(0, 0, 0, 0.2);background: #fff;">
        <i class="failed_order_recommend_close icon_close_i iconfont icon-close-s t-ddd abs f12 s"></i>
        <div class="recomend-title">
            <span class="common-clause-front-line"></span>
            <span class="l-title">周边热销酒店</span>
            <span style="float:right;margin-right: 33px;">
                想获得更多结果？查看                <a href="" target="_blank" class="J_token" id="J_change_around" "="">
                附近同类酒店                </a>
                或                <a href="" target="_blank" class="J_token" id="J_change_to_city">
                    成都家酒店                </a>
            </span>
        </div>
        <div class="recomend-con">
            <ul>
            </ul>
        </div>
    </div>

    <div class="main-clause-bd clearfix">
        <div class="main-clause-side">
            <!--    App 引导广告    -->
            <div class="app_ad_div rel J_app_ad">
                <div class="app_ad_div_left fl">
                    <div class="app_ad_div_left_title f18 t-333 b">关注好巧微信公众号</div>
                    <ul>
                        <li><i class="iconfont icon-correct t-00b63d f12"></i><span>方便快捷<b>预订酒店</b></span></li>
                        <li><i class="iconfont icon-correct t-00b63d f12"></i><span>随时查看<b>工单进度</b></span></li>
                        <li><i class="iconfont icon-correct t-00b63d f12"></i><span>及时获取<b>优惠信息</b></span></li>
                    </ul>
                </div>
                <div class="app_ad_div_right fr">
                    <img src="https://img.haoqiao.com/website/images/wx_code.gif" width="92">
                    <span class="f12 t-666">微信扫码关注</span>
                </div>
                <i class="app_download_close icon_close_i iconfont icon-close-s t-ddd abs f12 s"></i>
            </div>
            <div class="main-clause-common-box">
                <div class="tts-od-e-r-i-list tts-od-e-r-i-l-date">
                    <div class="tts-od-e-r-i-l tts-od-e-r-i-l-f">
                        <div class="tts-od-d-r-bd">
                            <a class="" href="">
                                <img :src="'/images_serv/'+hotelDetail.images.list[0].imgid" style="width:282px;height:160px;border:2px #ececec solid">
                            </a>
                        </div>
                        <div class="tts-od-e-r-i-d tts-od-e-r-i-d-f">
                            <a href="" class="tts-od-e-r-i-l-cn J_token">
                                {{hotelDetail.subtitle}}
                                <span style="width:60px;margin-left:4px">
                                                <template v-if="hotelDetail.hotel_star_level === 1">
                                                <img src="./img/star.svg" alt="" width="15" height="15">
                                            </template>
                                            <template v-if="hotelDetail.hotel_star_level === 2">
                                                <img src="./img/star.svg" alt="" width="15" height="15">
                                                <img src="./img/star.svg" alt="" width="15" height="15">
                                            </template>
                                            <template v-if="hotelDetail.hotel_star_level === 3">
                                         template       <img src="./img/star.svg" alt="" width="15" height="15">
                                                <img src="./img/star.svg" alt="" width="15" height="15">
                                                <img src="./img/star.svg" alt="" width="15" height="15">
                                            </template>
                                            <template v-if="hotelDetail.hotel_star_level === 4">
                                                <img src="./img/star.svg" alt="" width="15" height="15">
                                                <img src="./img/star.svg" alt="" width="15" height="15">
                                                <img src="./img/star.svg" alt="" width="15" height="15">
                                                <img src="./img/star.svg" alt="" width="15" height="15">
                                            </template>
                                            <template v-if="hotelDetail.hotel_star_level === 5">
                                                <img src="./img/star.svg" alt="" width="15" height="15">
                                                <img src="./img/star.svg" alt="" width="15" height="15">
                                                <img src="./img/star.svg" alt="" width="15" height="15">
                                                <img src="./img/star.svg" alt="" width="15" height="15">
                                                <img src="./img/star.svg" alt="" width="15" height="15">
                                            </template>
                                            </span>
                            </a>
                            <i>
                                <a href="" class="tts-od-e-r-i-l-en J_token">{{hotelDetail.hotel_name}}</a></i><em><i class="orderdetail hotel_addr"></i>
                            {{hotelDetail.hotel_address}}</em>                            <br>
                        </div>
                    </div>
                </div>
                <div class="tts-btn">
                    <a href="" target="_blank">再次预订</a>
                    <a href="/list.html" target="_blank">搜索其他酒店</a>
                </div>
            </div><!-- hotel pic end -->
            <div id="J_hotel_side_offset"></div>
            <div id="J_hotel_side" class="">
                <div class="hotel-side-content" style="position: relative; top: 0px;">
                    <div class="main-clause-common-box has_top-margin">
                        <div class="tts-od-e-r-i-l-booking-d has_top_border">
                            <table width="100%">
                                <thead>
                                <tr>
                                    <th rowspan="2" colspan="2">预订信息</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td width="86" class="first-col">入住日期</td>
                                    <td class="td-right-info">
                                        <i>{{orderInfo.in_date}}</i>
                                    </td>
                                </tr>
                                <tr>
                                    <td width="86" class="first-col">离店日期</td>
                                    <td class="td-right-info">
                                        <i>{{orderInfo.out_date}}</i>
                                    </td>
                                </tr>
                                <tr>
                                    <td width="86" class="first-col">入住晚数</td>
                                    <td class="td-right-info">1晚</td>
                                </tr>
                                <tr>
                                    <td width="86" class="first-col">入住人数</td>
                                    <td class="td-right-info">
                                        <i class="tts-od-e-c adult_num">{{orderInfo.stay_person.length}}</i>成人
                                    </td>
                                </tr>
                                <tr>
                                    <td width="86" class="first-col">房间类型</td>
                                    <td class="td-right-info">{{orderInfo.room_type_name}}</td>
                                </tr>
                                <tr>
                                    <td width="86" class="first-col">含餐信息</td>
                                    <td class="td-right-info">
                                            <em v-if="orderInfo.has_bread_fast == 1"><i>含餐</i></em>
                                            <em v-if="orderInfo.has_bread_fast == 2"><i>不含餐</i></em>
                                            <em v-if="orderInfo.has_bread_fast == 3"><i>含双早</i></em>
                                            <em v-if="orderInfo.has_bread_fast == 4"><i>含三早</i></em>
                                            <em v-if="orderInfo.has_bread_fast == 5"><i>有餐（收费）</i></em>
                                            ，{{orderInfo.stay_person.length}}成人
                                    </td>
                                </tr>
                                <tr>
                                    <td width="86" class="first-col">取消政策</td>
                                    <td class="tts-od-e-r-i-d-q last-col td-right-info">
                                        <span class="common_info_body_title J_cancel_flag" style="background:#ff5256;">不可取消</span>
                                        <div class="gray-color cancel_info">
                                            <span class="non_cancel"><em>•</em>不可取消、不可修改。</span>
                                            <span class="cancel_remark"><em>•</em>如果取消预订或未如期入住，酒店将收取全额费用。</span>
                                        </div>
                                    </td>
                                </tr>
                                <!-- fit打包产品  -->
                                </tbody>
                            </table>
                        </div><!--booking detail end -->
                    </div>
                    <div class="main-clause-m-box">
                        <div class="ab_icon_box">
                            <span class="ab_icon before_y"></span><span class="ab_icon after_y"></span>
                        </div>
                        <div class="tts-od-e-r-i-l-pay-b">
                            <table width="100%" class="tts-od-e-r-i-l-pay-d">
                                <tbody><tr>
                                    <td class="first-col">实付金额</td>
                                    <td align="right" class="tts-od-pay">
                                        <i id="J_p_total">{{orderInfo.price}}</i>元
                                    </td>
                                </tr>
                                <tr>
                                    <td class="first-col gray-color">结算方式</td>
                                    <td align="right">单结</td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div><!-- pay detail end-->
                    <div class="main-clause-m-btn-box">
                        <div class="main-clause-top-btn main-btn-u">
                        </div><!--已确认end---->
                    </div><!-- btn end-->
                </div>
            </div>
        </div><!--main-clause-side end -->
        <div class="main-clause-content">
            <div id="J_hotel_content">

                <!--fit推荐产品-->
                <div class="main-clause-common-box">
                    <table class="main-table">
                        <tbody>
                        <tr>
                            <th><span class="common-clause-front-line"></span>订单详情</th>
                        </tr>
                        <tr>
                            <td class="main-table-td" style="height:32px">
                                <div class="tts-od-e-from-i tts-od-e-r-i-l tts-od-e-r-i-list tts-od-e-r-i-list-g">
                                    <span style="width:114px;">贵司订单号</span><div class="tts-od-e-from-i-d">
                                    <form method="post" action="/admin/distributor_sn_edit" class="hide dist-sn-form">
                                        <input type="text" name="dist_sn" value="jin-jian-hao-232323" maxlength="50" class="tts-od-e-txt dist-sn" style="width:300px;">
                                    </form>
                                    <p class="dist-sn-t">{{orderInfo.dis_self_sn}}</p>
                                </div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <!--                    <th class="main-table-th">住客信息</th>-->
                            <td class="main-table-td tts-od-e-r-i-l">
                                <div class="tts-od-e-from-i">
                                    <div class="tts-od-form-i-table">
                                        <table border="1" cellspacing="0" cellpadding="0">
                                            <tbody><tr>

                                                <td class="tts-od-form-i-table-tr-title text-left" width="128px">房型</td>
                                                <td class="tts-od-form-i-table-tr-title" width="62px">序号</td>
                                                <td class="tts-od-form-i-table-tr-title" width="154px">床型或床型偏好</td>
                                                <td class="tts-od-form-i-table-tr-title" width="80px">入住人</td>
                                                <td class="tts-od-form-i-table-tr-title" width="196px">姓名</td>
                                            </tr>
                                            <tr class="tts-od-form-i-table-tr" v-for="item in orderInfo.stay_person">
                                                <td class="text-left">
                                                    {{orderInfo.hotel_name}}
                                                    <p class="breakfast-label">
                                                        <em v-if="orderInfo.has_bread_fast == 1"><i>含餐</i></em>
                                                        <em v-if="orderInfo.has_bread_fast == 2"><i>不含餐</i></em>
                                                        <em v-if="orderInfo.has_bread_fast == 3"><i>含双早</i></em>
                                                        <em v-if="orderInfo.has_bread_fast == 4"><i>含三早</i></em>
                                                        <em v-if="orderInfo.has_bread_fast == 5"><i>有餐（收费）</i></em>
                                                        ，{{orderInfo.stay_person.length}}成人</p>
                                                </td>
                                                <td>房间一</td>

                                                <td>
                                                    {{orderInfo.room_bed_name}}
                                                </td>
                                                <td>成人</td>
                                                <td>{{item.person_name}}</td>
                                            </tr>
                                            </tbody></table>
                                    </div>
                                </div>
                                <div class="tts-od-e-from-i  tts-od-e-r-i-list tts-od-e-r-i-list-other">
                                    <span style="position: absolute;">其他需求</span>
                                    <div class="tts-od-e-from-i-d" style="padding-left: 114px;word-break: break-all;">
                                        无                                    </div>
                                </div>

                                <!--        </div>-->

                            </td>
                        </tr>

                        <tr><th><span class="common-clause-front-line"></span>联系人信息</th></tr>
                        <tr>
                            <!--            <th class="main-table-th">联系方式</th>-->
                            <td class="main-table-td tts-order-detail-contact">
                                <table class="tts-od-e-r-i-list tts-od-e-r-i-l-date" width="100%">
                                    <tbody>
                                    <tr>
                                        <td width="42%">
                                            <div class="tts-od-e-r-i-d">
                                                <i class="orderdetail name"></i>
                                                {{orderInfo.contract_member}}                                   </div>
                                        </td>
                                        <td>

                                            <div class="tts-od-e-r-i-d">
                                                <i class="orderdetail phone"></i>{{orderInfo.contract_mobile}}                                    </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td width="42%">
                                            <div class="tts-od-e-r-i-d"><i class="orderdetail tel"></i>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="tts-od-e-r-i-d"><i class="orderdetail email"></i>
                                                {{orderInfo.contract_email}}</div>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </td>
                        </tr>
                        <tr>

                        </tr><tr><th><span class="common-clause-front-line"></span>注意事项</th></tr>
                        <tr>
                            <!--            <th class="main-table-th" style="padding-bottom:20px">注意事项</th>-->
                            <td class="main-table-td tts-od-e-r-i-l ">
                                <div class="tts-od-e-from-i tts-od-e-r-i-lis ttts-od-e-r-i-list-t-c tts-order-detail-attention" id="J-detail-attention-height" style="height: 248px; overflow: auto;">
                                    <div class="tts-od-e-r-tips-cont">
                                        <div class="tts-od-e-r-tips-cont" id="J_property">
                                            <table width="100%" class="tts-od-detail-need-attention">
                                                <tbody>
                                                <tr>
                                                    <td class="first-col-bold">预订限制</td>
                                                    <td><p><b>禁止网络分销</b></p><div>该房型禁止在携程、去哪儿、飞猪、艺龙、美团/大众点评等公开网络渠道等网络平台售卖！<br>
                                                        一经发现，好巧网有权直接取消订单和扣除房款。<br>
                                                        好巧网有权利按照酒店规定采取进一步的措施。</div>                                            </td>
                                                </tr>
                                                <!--城市税-->
                                                <tr>
                                                    <td class="first-col-bold">出行提示</td>
                                                    <td>
                                                        <p><b>入住退房时间</b></p>入住时间 15:00以后，退房时间 12:00以前<br><div class="to_translate_str"><br>begin_time:15:00<br>end_time:午夜 00:00<br>instructions:可能需收取加人费用，具体费用取决于酒店的规定。<br>入住时需要出示政府核发的身份证件（带照片）和信用卡、借记卡或缴付现金押金，以便于支付其他杂项的费用。<br>特殊要求视入住时的具体情况而定，可能产生额外的费用。不能保证满足特殊要求。<ul>  </ul><br><br>time:中午 12:00<br><br>optional:<p>以下费用和押金由酒店在提供服务、办理入住或退房手续时收取。</p> <ul> <li>自助式早餐收费：成人大约 CNY 219.2，儿童大约 CNY 109.6</li>                <li>需付延时退房费（视供应情况而定）</li>   <li>折叠床使用费：每天 CNY 654.0</li>            </ul> <p>上面所列内容可能并不完整。这些费用和押金可能不包括税款，并且可能会随时发生变化。</p><br><br></div><p><b>未到店(No show)或晚至</b></p>如订单首晚未到店(No show)或延迟入住请务必联系好巧网，否则酒店可能不会以任何方式通知客人，并直接取消整单不退费。<p><b></b></p><p></p><br><p>您不可一次或多次在线预订同一家酒店或同一入住日期5间以上客房，如果此类预订产生，好巧有权取消您的订单，并向您收取取消费。</p><p style="color:#ff3232;">此价格仅适用于打包售卖</p><div>下单问题请联系客服，客服联系方式：</div>客服电话(仅中国大陆)：400-633-2377 （7×24小时）<br>
                                                        客服电话(非中国大陆)：+86 27 59006258                                            </td>
                                                </tr>
                                                <tr>
                                                    <td class="first-col-bold">更改政策</td>
                                                    <td>改期及部分取消等变更我们会向酒店或供应商尽力申请，但以申请结果为准，即使订单在免费取消期限也不作保证。</td>
                                                </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <!--服务条款，隐私政策-->
                                <div class="order_detail_service_tips">
                                    *您已确认阅读出行提示和费用说明，并且接受好巧网的<a href="/policy?current=provision" target="_blank">服务条款</a>和<a href="/policy?current=privacy" target="_blank">隐私政策</a>。                        </div>
                            </td>
                        </tr>

                        </tbody>
                    </table>
                </div>

                <!--    fit打包    -->
            </div>
            <div class="main-clause-bottom-bd">
                <div class="main-clause-bottom-btn main-btn-u clearfix">
                    <!----已确认start-->
                </div>
            </div><!-- main-clause-bottom-bd end -->
            <div style="clear:both"></div>
        </div><!--main-clause-content end -->
    </div><!-- main-clause-bd end -->
</div>



<div class="footer w100p t-fff f12" id="J_footer">
    <div class="w footer_wrap">
        <!--<div class="w100p footer_top clearfix">
            <div class="fl footer-top-list">
                <div class="footer-top-title f14 pl10 before-b rel">关注我们</div>
                <p><a class="J_token" href="https://www.haoqiao.com/about" target="_blank">关于我们</a></p>
                <p><a href="https://www.haoqiao.com/feedback?from=hoteldetail" target="_blank" class="J_token">意见反馈</a>
                </p>
                <p><a href="https://www.haoqiao.com/policy" target="_blank" class="J_token">服务政策</a></p>
                <p><a href="https://www.haoqiao.com/app" target="_blank" class="J_token">下载客户端</a></p>
            </div>
            <div class="fl footer-top-list">
                <div class="footer-top-title f14 pl10 before-b rel">加盟合作</div>
                <p><a href="https://www.haoqiao.com/" target="_blank" class="J_token" id="partners">合作伙伴</a></p>
                <p><a href="https://www.haoqiao.com/joinus" target="_blank" class="J_token">诚聘英才</a></p>
                <p><a href="https://www.haoqiao.com/" target="_blank" class="J_token">同业预订平台</a></p>
                <p><a href="https://www.haoqiao.com/api/apply" target="_blank" class="J_token">API分销平台</a></p>
            </div>
            <div class="fl footer-top-list footer-email">
                <div class="footer-top-title f14 pl10 before-b rel">联系邮箱</div>
                <p>酒店业务客服：<a target="_blank" rel="nofollow" href="mailto:hotelservice@haoqiao.com">hotelservice@haoqiao.com</a>
                </p>
                <p>旅业资源客服：<a target="_blank" rel="nofollow" href="mailto:destinationservice@haoqiao.com">destinationservice@haoqiao.com</a>
                </p>
                <p>业务合作：<a target="_blank" rel="nofollow" href="mailto:service@haoqiao.com">service@haoqiao.com</a></p>
                <p>投诉邮箱：<a target="_blank" rel="nofollow" href="mailto:customercare@haoqiao.com">customercare@haoqiao.com</a>
                </p>
            </div>
            <div class="fl footer-top-list footer-tel">
                <div class="footer-top-title f14 pl10 before-b rel">客服电话 （7×24小时）</div>
                <p>客服电话(仅中国大陆)：400-633-2377</p>
                <p>客服电话(非中国大陆)：+86 27 59006258</p>
                <p class="clearfix"><span class="fl">紧急联系电话：</span><span class="fl">+86 18971443893（目的地/机票）</span></p>
            </div>
            <div class="fl footer-top-list" style="">
                <div class="footer-top-title f14 pl10 before-b rel">手机APP二维码</div>
                <p class="footer_qr_code">
                    <img class="db" alt="好巧手机APP二维码" src="./static/images/qr_code.gif">
                </p>
            </div>
            <div class="fl footer-top-list footer-app">
                <div class="footer-top-title f14 pl10 before-b rel">微信公众号</div>
                <p class="footer_qr_code">
                    <img class="db" alt="好巧微信公众号" src="./static/images/wx_code.gif">
                </p>
            </div>
        </div>-->
        <div class="footer_bottom w100p pt10 clearfix">
            <img class="fl" src="./img/logo.png" style="height: 80px;">
            <!--<div class="fl clearfix">
                <p class="pt10 footer-reserved fl">© HAOQIAO All rights reserved.&nbsp;&nbsp;&nbsp;京ICP备14000682号-3
                    &nbsp;&nbsp;京ICP证150888号 &nbsp;&nbsp;京公网安备 11010802015019</p>
                <p class="footer-reserved fl pt10">地址：北京市大兴区经济开发区科苑路18号1幢A3户型一层184室</p>
            </div>-->
        </div>
    </div>
</div>

<div class="index-popup popup_after_sale hide abs footer_popup_after_sale" id="J_popup_after_sale">
    <div class="index-popup-title rel f16 t-fff">
        售后客服联系方式        <a href="javascript:;" title="关闭" class="icon_popup_close abs J_close_popup"></a>
    </div>
    <div class="index-popup-cont">
        <div class="index-popup-sale-cont dif jcc">
            <div>
                <div class="index-popup-sale-box dif f16">
                    <i class="icon_popup_after_sale"></i>
                    <div class="flex-1 pl20">
                        <p class="f24 t-333 s pb10">售后问题请拨打客服电话</p>
                        <ul class="f16 t-666">
                            <li>客服电话(仅中国大陆)：400-633-2377 （7×24小时）</li><li>客服电话(非中国大陆)：+86 27 59006258</li><li class="clearfix"><p class="fl">紧急联系电话：</p><p class="fl">+86 18971443893（目的地/机票）</p></li>                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="index-popup-btn-center order-del-pop-btn dif jcc">
            <a href="javascript:;" class="db tac pointer f14 t-fff bg-49f bg-5da7ff-hover index-popup-btn" id="J_popup_after_sale_btn">关闭</a>
        </div>
    </div>
</div>

<!--弹窗结束-->


<div id="bg"></div>
<script src="./js/lib/vue.js" type="text/javascript"></script>
<script src="./js/lib/element-ui/index.js" type="text/javascript"></script>
<script src="./js/loginComponent.js" type="text/javascript"></script>
<script src="./js/orderDetail.js"></script>
</body>
</html>